{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block body %}
    {% include "ApiCloud/Base/inc.head.light.html.twig" with {title:"个人认证",back:1} %}
    <div>
        <div class="pad5 fs8 c12">
            填写信息
        </div>
        <div class=" marlr5">
            <div class="pad5 bcf">
                <mu-text-field label="证件名称" placeholder="请输入证件名称" v-model="name"  max-length="10" full-width ></mu-text-field>
            </div>
            <div class="bcf pad6 round3 bdbda fs9 c12 fs8 c11">
                <div class="w100 pos-r" v-for="item,index in picsView">
                    <img @click="showPic(index,picsView)" :src="item" class="w100 scrollX-Item" alt="" onerror="this.src=pic404">
                    <div class="pos-a r0 t0 flrc op9">
                        <mu-button fab small color="black" @click="move(index,-1)">
                            <mu-icon value="arrow_upward"></mu-icon>
                        </mu-button>
                        <mu-button fab small color="black" @click="move(index,1)">
                            <mu-icon value="arrow_downward"></mu-icon>
                        </mu-button>
                        <mu-button fab small color="black" @click="del(index)">
                            <mu-icon value="close"></mu-icon>
                        </mu-button>
                    </div>
                </div>
                <div class="pos-r pad10 c12 bdso round5 w100 mart5 tac">
                    <mu-ripple @click="selectPic()">+添加图片</mu-ripple>
                </div>
            </div>

        </div>
        <div class="pad10 bcf">
            <mu-button @click="submit()" round large :color="c1" full-width>提交审核</mu-button>
        </div>
    </div>
    <div class="pad5 fs8 c12 mart10">
        认证记录
    </div>
    <div class=" pad5 bcf" v-if="!isTrue(log)">
        <div class="mart5 bdda round3 tac pad9 fs8 c12">暂无认证信息</div>
    </div>
    <div class="c12 pad5 bcf fs8 lh2" v-for="item in log">
        <div class="flrc">
            <div>名称：</div>
            <div class="flex1 ">[[item.name]]</div>
        </div>
        <div class="flrc">
            <div>认证状态：</div>
            <div class="flex1 ">
                <span class="c12" v-if="item.Status == 0">未审核</span>
                <span class="c07" v-if="item.Status == 2">未通过</span>
                <span class="c12" v-if="item.Status == 2"> [[item.message]]</span>
                <span class="c01" v-if="item.Status == 1">已通过</span>
            </div>
        </div>
        <div class="flrc">
            <div>认证时间：</div>
            <div class="flex1 ">[[str2time(item.createAt)]]</div>
        </div>
{#        <div class="pad5 c12 bdda round3 fs8 tac">由于隐私原因图片已隐藏</div>#}
        <div class="pad5 c12 bdda round3 fs8 tac">
            <div v-for="pic in item.pics">
                <img :src="picUrl(pic)" style="width: 100%" alt="">
            </div>
        </div>
    </div>



{% endblock %}
    {% block myJs %}

        <script type="text/javascript" src="{{ root }}/assets/oss/lib/crypto1/crypto/crypto.js"></script>
        <script type="text/javascript" src="{{ root }}/assets/oss/lib/crypto1/hmac/hmac.js"></script>
        <script type="text/javascript" src="{{ root }}/assets/oss/lib/crypto1/sha1/sha1.js"></script>
        <script type="text/javascript" src="{{ root }}/assets/oss/lib/base64.js"></script>
        {#<script type="text/javascript" src="{{ root }}/assets/oss/lib/plupload-2.1.2/js/plupload.full.min.js"></script>#}
        <script type="text/javascript" src="{{ root }}/assets/oss/uploadMy.js{{ rnd }}"></script>
    {% endblock %}
